<template>
	<view class="apps">
		<uv-navbar title="" titleStyle="font-weight:400;" bg-color="rgba(255,255,255,.01)" :autoBack="true" placeholder></uv-navbar>
		<view class="flex aic jcc f16 fw4 c333 ptb30">输入家庭wifi密码</view>
		<view class="flex aic jcc ptb10 plr10 f13 c02A33"><text style="mr5">查看wifi设置帮助</text><uv-icon name="question-circle" color="#02A33"></uv-icon></view>
		<view class="flex fdc wh300  aic jcc ptb30 w100p">
			<view class="wh300 flex"><image src="https://lifeanclor.byyds.cn/static/images/wifi.png" class="wh300"></image></view>
			
		</view>
		<view class="flex fdc ptb30 plr20">
			<view class="mb30 bgwhite ptb20 plr20 bd100s boxsds bgimge2e7 plr05 ptb05">
			<uv-input shape="circle" customStyle="font-weight:400;" placeholder="请选择wifi" border="none" v-model="form.name" :readonly="true">
				<template v-slot:suffix>
					<text class="f13 c02A33" @click="choose">切换WiFI</text>		
				</template>
			</uv-input>
			</view>
			<view class="mb30 bgwhite ptb20 plr20 bd100s boxsds bgimge2e7 plr05 ptb05">
			<uv-input shape="circle"  customStyle="font-weight:400;" border="none" :password="pwd" placeholder="请输入wifi密码" v-model="form.password">
			<template v-slot:suffix>
				<uv-icon :name="suffixIcon" size="24px" color="#a5a5a5" @click="tabIcon()"></uv-icon>		
			</template>
			</uv-input>
			</view>
			<view class="mt40 bgf1 boxsd bdr100 plr05 tb05">
				<uv-button shape="circle" text="暂不添加" customStyle="height:44px;font-weight:400" customTextStyle="color:#fff;font-weight:400" color="linear-gradient(180deg, #2688df, #65b3f3)"></uv-button>
			</view>
		</view>
	</view>
	
</template>

<script setup>
	import { ref , reactive, nextTick, computed } from 'vue'
	import { onLoad, onShow, onHide } from '@dcloudio/uni-app'
	
	const pwd=ref(true),
		  value=ref(""),
		  suffixIcon=ref("eye-off-outline"),
		  form=ref({name:"",password:""})
	
	const choose = ()=>{
		
	},tabIcon=()=>{
		if(suffixIcon.value =='eye'){
			suffixIcon.value='eye-off-outline'
			pwd.value = true
		}else{
			suffixIcon.value='eye'
			pwd.value=false
		}
	}
	
	onLoad(()=>{
		
	})
</script>

